<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>数组</title>
  </head>
  <body>
    <script>
      var arr = [2, 1, 4, 5, 6, 7];
      /* 
          访问数组中不存在的索引位置会报undefined
        */
      // console.log(arr[arr.length]);

      var demo = new Array();
      /* 
          JS中的数组不同于其他编程语言里的数组，Java中的数组元素
          都是一个一个紧挨着的，而在JS中可以为某些位置自动赋值
        */
      demo[5] = 12; //这样赋值之后数组的长度会被设为5，其他位置的元素会被设置为undefined
      for (var i = 0; i < demo.length; i++) {
        console.log(demo[i]);
      }

      /*
       * 修改length
       * 	如果修改的length大于原长度，则多出部分会空出来
       *  如果修改的length小于原长度，则多出的元素会被删除
       */

      var arrs = [1, 2, 3, 4, 5, 6, 7];
      //  arr.length =10;

      arrs.length = 3;
      for (var i = 0; i < arrs.length; i++) {
        console.log(arrs[i]);
      }

      //向数组的最后一个位置添加元素
      //语法：数组[数组.length] = 值;

      console.log("-------------------------");

      var tep = [1, 2, 3, 4, 5, 6];
      tep[tep.length] = 7;

      for (var i = 0; i < tep.length; i++) {
        console.log(tep[i]);
      }
    </script>
  </body>
</html>
